body{
	font-size: 0.875rem;
	font-family: "microsoft yahei",sans-serif;
	color: #333;
}
.titlefont{
	font-size: 1.875rem;
}
#outer{
	margin: auto;
	
	padding: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color:white;
	align-items: center;
	height: 100vh;
	
}
#outer div{
	height: 20vh;
	width: 100%;
	text-align: center;
	
}
#outer div div{
	height: 16vh;
	display: block;
	text-align: center;
	
}
#outer div div div{
	height:5rem;
	width: 5rem;
	
	border-radius: 2.5rem;
	overflow: hidden;
}
#outer div div div img{
	margin-top: 1rem;
	 height: 5rem;
	 width: 5rem;
	 margin-bottom: 0;
}
#outer div h1{
	height: auto;
	margin-top: 0;
	font-size: 1.7rem;
}
span{
	float: left;
	height: 4vh;
	width: 100%;
	font-size: 1rem;
	color: red;
}
input{
	height: 3.125rem;
	border: none;
	margin-left: 10%;
	margin-top: 3vh;
	border-radius: 1.40625rem;
	float: left;
	width: 80%;
	background-color: whitesmoke;
	text-align: center;
	outline: none;
	font-size: 1.35rem;
}
#submit{
	animation: mymove 5s infinite;
	-webkit-animation: mymove 5s infinite;
	margin-left: 40%;
	height: 4.375rem;
	width: 4.375rem;
	border-radius: 2.1875rem;
	background-color: #7D7DE9;
	color: white;
}
@-webkit-keyframes mymove{
	25%{
		background-color:#a07be9 ;
	}
	50%{
		background-color:#8b5ce7 ;
	}
	75%{
		background-color:#aaabe7 ;
	}
}
@keyframes mymove{	
	25%{
		background-color:#9957ce ;
	}
	50%{
		background-color:#82e7e7 ;
	}
	75%{
		background-color:#4099e7 ;
	}
}
#footer{
	height: 18vh;
	margin-bottom: 1px;
}
a{
	color: #000000;
	text-decoration: none;
}
.footer{
	margin-top: 8rem;
	position: fixed;
}
#tishi{
	
}